@extends('homeLayouts.master')
@section('content')
    <!--轮播图上方导航栏  一栏-->
    <div id="navv">
        <div class="focus">
            <div class="focus-a">
                <div class="fouc-font"><a href="javascript:;">全部商品分类</a> </div>
            </div>
            <div class="focus-b">
                <ul>
                    {{--<li><a href="#">商城首页</a></li>--}}
                </ul>
            </div>

            <!--左边导航-->
            <div class="dd-inner">
                @foreach($categorys as $category)
                <div class="font-item">
                    <div class="item fore1">
                        <h3>
                            <a class="da_zhu" href="/lists/{{$category['id']}}">{{$category['category_name']}}</a>
                            <p>
                                @foreach($category['son'] as $v)
                                <a href="{{route('home.lists',$v['id'])}}">{{$v['category_name']}}</a>
                                @endforeach
                            </p>
                        </h3>
                        <i>></i>
                    </div>

                    <div class="font-item1">
                        <div class="font-lefty">
                            @foreach($category['son'] as $second)
                            <dl class="fore1" style="font-size: 20px;margin-top: 20px">
                                <dt><a href="{{route('home.lists',$second['id'])}}" >{{$second['category_name']}}<i>></i></a></dt>
                                <dd>
                                    @foreach($second['son'] as $third)
                                    <a href="/lists/{{$third['id']}}">{{$third['category_name']}}</a>
                                    @endforeach
                                </dd>
                            </dl>
                            @endforeach
                        </div>
                    </div>
                </div>
                @endforeach
                <!---->
            </div>
        </div>
    </div>

    <!--轮播图-->
    <div id="lunbo">
        <ul id="one">
            <li><a href=""><img src="{{asset('org/home/images')}}/banner.jpg"></a></li>
            <li><a href=""><img src="{{asset('org/home/images')}}/banner1.jpg"></a></li>
            <li><a href=""><img src="{{asset('org/home/images')}}/banner.jpg"></a></li>
            <li><a href=""><img src="{{asset('org/home/images')}}/banner1.jpg"></a></li>
        </ul>
        <ul id="two">
            <li class="on">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
        <!--轮播图左右箭头-->
        <div class="slider-page">
            <a href="javascript:void(0)" id="left"><</a>
            <a href="javascript:void(0)" id="right">></a>
        </div>
    </div>


    <!--快速通道栏-->
    <div class="kuanjlan">
        <ul class="clearfix">
            <li>
                <div class="list-li-box">
                    <a class="list-img" href="javascript:;" data-code="index01004-1" target="_blank">
                        <img src="{{asset('org/home/images')}}/meinv_1.jpg">
                        <span class="list-bg"></span>
                        <div class="list-cont">
                            <p class="cont-item"><span>羽饰</span></p>
                            <p class="cont-tile">秋季来点羽毛元素</p>
                            <p class="cont-info">让你更加美丽迷人</p>
                        </div>
                    </a>
                </div>

            </li>
            <li>
                <div class="list-li-box">
                    <a class="list-img" href="javascript:;" data-code="index01004-2" target="_blank">
                        <img src="{{asset('org/home/images')}}/meinv_2.jpg">
                        <span class="list-bg"></span>
                        <div class="list-cont">
                            <p class="cont-item"><span>原宿风</span></p>
                            <p class="cont-tile">个性夸张美衣</p>
                            <p class="cont-info">潮流原宿风</p>
                        </div>
                    </a>
                </div>

            </li>
            <li>
                <div class="list-li-box">
                    <a class="list-img" href="javascript:;" data-code="index01004-3" target="_blank">
                        <img src="{{asset('org/home/images')}}/meinv_3.jpg">
                        <span class="list-bg"></span>
                        <div class="list-cont">
                            <p class="cont-item"><span>皮裤</span></p>
                            <p class="cont-tile">高腰修身皮裤</p>
                            <p class="cont-info">轻松享受女神感觉</p>
                        </div>
                    </a>
                </div>

            </li>
            <li>
                <div class="list-li-box">
                    <a class="list-img" href="javascript:;" data-code="index01004-4" target="_blank">
                        <img src="{{asset('org/home/images')}}/meinv_4.jpg">
                        <span class="list-bg"></span>
                        <div class="list-cont">
                            <p class="cont-item"><span>服装</span></p>
                            <p class="cont-tile">变身女神范儿</p>
                            <p class="cont-info">几种搭配轻松打造</p>
                        </div>
                    </a>
                </div>
            </li>
        </ul>
    </div>


    <!--层次-->
    @foreach($categorys as $category)
    <div class="chengc_jvz">
        <div class="slideTxtBox">
            <div class="hd">
                <h1>
                    <p>{{$category['category_name']}}</p>
                </h1>
                <ul>
                    @foreach($category['son'] as $v)
                    <li>{{$v['category_name']}}</li>
                    @endforeach
                </ul>
            </div>
            <div class="bd">
                @foreach($category['son'] as $v)
                <ul>
                    <div class="pangb_daoh">
                        <h1><a href="#"><img src="{{asset('org/home/images')}}/de111.jpg"></a></h1>
                        <div class="kuas_daoh_houm">
                            @foreach($v['son'] as $k=>$son)
                            <a href="/lists/{{$son['id']}}">{{$son['category_name']}}</a>
                            @endforeach
                        </div>
                    </div>
                    <div class="you_lirb you_lirb_hou">
                        <div class="shang_buf">
                            @foreach($v['goods'] as $k=>$good)
                                @if($k<8)
                                <div class="you_shangp_lieb " style="border-bottom: solid 1px #e9e9e9">
                                    <a href="/content/{{$good['id']}}"><img  class="you_tup_k" src="{{$good['pics'][0]}}"></a>
                                    <a href="/content/{{$good['id']}}" class="_you_neir_biaot">{{$good['name']}}</a>
                                    <span>￥{{$good['price']}}</span>
                                </div>
                                @endif
                            @endforeach
                        </div>
                    </div>
                </ul>
                @endforeach
            </div>
        </div>
    </div>
    @endforeach
    <script type="text/javascript">jQuery(".slideTxtBox").slide();</script>

    <!--广告图-->
    {{--<div class="guangg_tu">--}}
        {{--<a href="#"><img src="{{asset('org/home/images')}}/guang_tu.jpg"></a>--}}
    {{--</div>--}}

    <!--特色商品/ 热门商品-->

    {{--<div class="tes_shnagp_beij">--}}
        {{--<div class="tes_shangp">--}}
            {{--<div class="neir_biaot">--}}
                {{--<p>特色商品</p>--}}
                {{--<p class="yingw">featured</p>--}}
                {{--<a href="#">MORE+</a>--}}
            {{--</div>--}}
            {{--<div class="tes_shangp_neir_k">--}}
                {{--<div class="tes_dat">--}}
                    {{--<a href="#">--}}
                        {{--<h1><img class="tes_dat_dongh" src="{{asset('org/home/images')}}/te_se_shangp_da.jpg"></h1>--}}
                        {{--<h2>苹果手机iPhone6(32G)全网</h2>--}}
                        {{--<span>¥ 4999 .00</span>--}}
                    {{--</a>--}}
                {{--</div>--}}
                {{--<div class="tes_xiaot_beij">--}}
                    {{--<div class="tes_xiaot_shang">--}}
                        {{--<div class="tes_xiaot_neir">--}}
                            {{--<a href="#">--}}
                                {{--<h1><img class="tes_xiaot_dongh" src="{{asset('org/home/images')}}/tes_shangp_xiao.jpg"></h1>--}}
                                {{--<h2>海尔(Haier) BCD452WDPF 452</h2>--}}
                                {{--<span>¥ 506 .00</span>--}}
                            {{--</a>--}}
                        {{--</div>--}}
                        {{--<div class="tes_xiaot_neir tes_xiaot_wubian_kuang">--}}
                            {{--<a href="#">--}}
                                {{--<h1><img class="tes_xiaot_dongh" src="{{asset('org/home/images')}}/tes_shangp_xiao2.jpg"></h1>--}}
                                {{--<h2>海尔(Haier) BCD452WDPF 452</h2>--}}
                                {{--<span>¥ 506 .00</span>--}}
                            {{--</a>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    {{--<div class="tes_xiaot_shang tes_xiaot_xia">--}}
                        {{--<div class="tes_xiaot_neir">--}}
                            {{--<a href="#">--}}
                                {{--<h1><img class="tes_xiaot_dongh" src="{{asset('org/home/images')}}/tes_shangp_xiao3.jpg"></h1>--}}
                                {{--<h2>海尔(Haier) BCD452WDPF 452</h2>--}}
                                {{--<span>¥ 506 .00</span>--}}
                            {{--</a>--}}
                        {{--</div>--}}
                        {{--<div class="tes_xiaot_neir tes_xiaot_wubian_kuang">--}}
                            {{--<a href="#">--}}
                                {{--<h1><img class="tes_xiaot_dongh" src="{{asset('org/home/images')}}/tes_shangp_xiao4.jpg"></h1>--}}
                                {{--<h2>海尔(Haier) BCD452WDPF 452</h2>--}}
                                {{--<span>¥ 506 .00</span>--}}
                            {{--</a>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}

        {{--<div class="rem_shangp">--}}
            {{--<div class="neir_biaot">--}}
                {{--<p>热门商品</p>--}}
                {{--<p class="yingw">Hot commodity</p>--}}
                {{--<a href="#">MORE+</a>--}}
            {{--</div>--}}
            {{--<div class="rem_shangp_beij_k">--}}
                {{--<!---->--}}
                {{--<div class="picScroll_left">--}}
                    {{--<div class="hd">--}}
                        {{--<ul></ul>--}}
                    {{--</div>--}}
                    {{--<div class="bd">--}}
                        {{--<ul class="picList">--}}
                            {{--<li>--}}
                                {{--<div class="pic"><a href="#" target="_blank"><img src="{{asset('org/home/images')}}/rem_shangp.jpg" /></a></div>--}}
                                {{--<div class="title"><a href="#" target="_blank">佳能(Canon)EOS80D单反套机</a><span>¥ 506 .00</span></div>--}}
                            {{--</li>--}}
                            {{--<li>--}}
                                {{--<div class="pic"><a href="#" target="_blank"><img src="{{asset('org/home/images')}}/rem_shangp1.jpg" /></a></div>--}}
                                {{--<div class="title"><a href="#" target="_blank">佳能(Canon)EOS80D单反套机</a><span>¥ 7940 .00</span></div>--}}
                            {{--</li>--}}
                            {{--<li>--}}
                                {{--<div class="pic"><a href="#" target="_blank"><img src="{{asset('org/home/images')}}/rem_shangp.jpg" /></a></div>--}}
                                {{--<div class="title"><a href="#" target="_blank">佳能(Canon)EOS80D单反套机</a><span>¥ 506 .00</span></div>--}}
                            {{--</li>--}}
                            {{--<li>--}}
                                {{--<div class="pic"><a href="#" target="_blank"><img src="{{asset('org/home/images')}}/rem_shangp1.jpg" /></a></div>--}}
                                {{--<div class="title"><a href="#" target="_blank">佳能(Canon)EOS80D单反套机</a><span>¥ 7940 .00</span></div>--}}
                            {{--</li>--}}
                            {{--<li>--}}
                                {{--<div class="pic"><a href="#" target="_blank"><img src="{{asset('org/home/images')}}/rem_shangp1.jpg" /></a></div>--}}
                                {{--<div class="title"><a href="#" target="_blank">佳能(Canon)EOS80D单反套机</a><span>¥ 506 .00</span></div>--}}
                            {{--</li>--}}
                            {{--<li>--}}
                                {{--<div class="pic"><a href="#" target="_blank"><img src="{{asset('org/home/images')}}/rem_shangp1.jpg" /></a></div>--}}
                                {{--<div class="title"><a href="#" target="_blank">佳能(Canon)EOS80D单反套机</a><span>¥ 7940 .00</span></div>--}}
                            {{--</li>--}}
                        {{--</ul>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<!---->--}}
            {{--</div>--}}
        {{--</div>--}}
    {{--</div>--}}

    {{--<script type="text/javascript">--}}
        {{--jQuery(".picScroll_left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:2 ,trigger:"click"});--}}
    {{--</script>--}}

@endsection
